﻿<!DOCTYPE html>
<html>
<head>
	<title>Maxstore</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="mô tả" />
	<meta name="keywords" content="từ khóa" />
	<meta name="robots" content="noodp,index,follow" />
	<meta http-equiv="content-language" content="vi" />
	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<!--CSS-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/skin.css" />
	<!--JAVASCIPT-->
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.selectBox.js"></script>
	<script type="text/javascript"><!--Main-slide-->
		$(document).ready(function(){		
            $("select.select_size_color").selectBox();
			$("select.select_price").selectBox();
			$("select.select_show").selectBox();
		});
	</script>
	
</head>

<body>
	<div id="header"><!--Header-->
		<form class="container">
			<div class="row-fluid">
				<div class="logo span4">
					<img src="images/logo-head.png" alt=""/>
				</div>
				
				<div class="search span5">
					<input type="text" name="search" class="txt-search" placeholder="Search ..."/>
					<input type="submit" name="submit" class="txt-submit"/>
				</div> 
				
				<div class="login span3">
					<p><a href="#">Sign in</a> | <a href="#">Login</a></p>
				</div>
			</div>
		</form>
	</div><!--End Header-->
	
	<div id="navigation"><!--Navigation-->
		<div class="container">
			<div class="row-fluid">
				<ul class="nav nav-pills span9">
					<li class="active"><a href="#">WOMEN</a></li>
					<li><a href="#">MEN</a></li>
					<li><a href="#">KIDS</a></li>
					<li><a href="#">FASHION</a></li>
					<li><a href="#">COLLECTION</a></li>
				</ul>
				
				<div class="cart-small span3">
					<p><a href="#"><img src="images/icon-cart.png" alt=""/></a> <span>0</span> ITEM / <span>$ 0</span></p>
				</div>
			</div>
		</div>
	</div><!--End Navigation-->
	
	
	<div class="shipping-cart"><!--shipping-cart-->
		<form class="container">
			<div class="row-fluid">
				<h1>SHOPPING CART</h1>
				<div class="txt-top">
					<img src="images/icon-cart-1.png" alt=""/>
					<p>Notch-collar shirt was added to your shopping cart.</p>
				</div>
				<p class="control-cart"><a href="#" class="continue-shopping"></a> <a href="#" class="check-out"></a> </p>
				<table class="list-cart">
					<thead>
						<tr>
							<td>Products</td>
							<td>Unit Price</td>
							<td>Qty</td>
							<td>Subtotal</td>
							<td></td>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td class="block-product">
								<img src="images/img-cart.png" alt=""/>
								<div>
									<h2>Notch-collar shirt</h2>
									<p>Proin gravida </p>
								</div>
							</td>
							<td>$49.90</td>
							<td><input type="text" name="SL" placeholder="1"/></td>
							<td>$49.90</td>
							<td><input type="button" name="close"/></td>
						</tr>
						
						<tr>
							<td class="block-product">
								<img src="images/img-cart.png" alt=""/>
								<div>
									<h2>Notch-collar shirt</h2>
									<p>Proin gravida </p>
								</div>
							</td>
							<td>$49.90</td>
							<td><input type="text" name="SL" placeholder="1"/></td>
							<td>$49.90</td>
							<td><input type="button" name="close"/></td>
						</tr>
					</tbody>
				</table>
				
				<div class="total offset8">
					<p>Subtotal<span>$109.00</span></p>
					<p>Shipping cost<span>$0.00</span></p>
					<p>Grand Total<span>$86.00</span></p>
				</div>
				<p class="control-cart"><a href="#" class="continue-shopping"></a> <a href="#" class="check-out"></a> </p>
				
				<div class="shipping-tax span8">
					<h4>Estimate Shipping and Tax</h4>
					<p>Enter your destination to get a shipping estimate.</p>
					<p class="country span6">
						<label>Country</label>
						<select class="select_price">
                            <option>CANADA</option>
                            <option>CANADA</option>
                            <option>CANADA</option>
                        </select>
					</p>
					
					<p class="postal span6">
						<label>Postalcode</label>
						<input type="text" placeholder="CANADA"/>
					</p>
					
					<p class="state span6">
						<label>State</label>
						<select class="select_price">
                            <option>CANADA</option>
                            <option>CANADA</option>
                            <option>CANADA</option>
                        </select>
					</p>
					
					<p class="submit span6">
						<input type="button" value=""/>
					</p>
				</div>
				
				<div class="Discount span4">
					<h4>Discount codes</h4>
					<p>Enter your coupon code if you have one.</p>
					<p><input type="text" /></p>
					<p><input type="button" value="" class="coupon"/></p>
				</div>
			</div>
		</form>
	</div><!--End shipping-cart-->
	
	<div id="loved-by"><!--Loved by-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span2">
					<h2>Loved by</h2>
				</div>
				
				<div class="block-right span10">
					<div class="row-fluid">
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="footer"><!--footer-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer wide span4">
					<div class="row-fluid">
						<div class="shipping">
							<h3>True Fact</h3>
							<h2>FREE SHIPPING</h2>
							<p>for purchases above $200</p>
						</div>
						<div class="contact">
							<h3>1.800. (1.800.260.7890)</h3>
							<p><img src="images/icon-6.png" alt=""/><img src="images/icon-7.png" alt=""/><img src="images/icon-8.png" alt=""/></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="copy-right"><!--copy-right-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span6">
					<p>Copyright &copy; 2013 MaxStore. All Rights Reserved.</p>
				</div>
				
				<div class="block-right span6">
					<p><a href="#"><img src="images/icon-10.png" alt=""/></a><a href="#"><img src="images/icon-11.png" alt=""/></a><a href="#"><img src="images/icon-12.png" alt=""/></a><a href="#"><img src="images/icon-13.png" alt=""/></a><a href="#"><img src="images/icon-14.png" alt=""/></a><a href="#"><img src="images/icon-15.png" alt=""/></a></p>
				</div>
			</div>
		</div>
	</div><!--End copy-right-->
</body>
</html>















































